/*
 * @Author: Ancient-Ares
 * @Date: 2021-06-09 21:28:24
 * @Last Modified by: Ancient-Ares
 * @Last Modified time: 2021-06-13 15:42:38
 */

/*
 * 页面过渡效果
 */
.page-enter-active,
.page-leave-active {
  transition: all linear .2s;
}

.page-enter,
.page-leave-active {
  opacity: 0;
}


.modal-enter {
  animation: v-modal-in .2s ease
}

.modal-leave {
  animation: v-modal-out .2s ease forwards
}

@keyframes modal-in {
  0% {
    opacity: 0
  }
}

@keyframes modal-out {
  to {
    opacity: 0
  }
}

.main {
  min-height: 60vh;
}

.inside-page {
  width: 100%;

  &>div.content {
    width: 1200px;
    margin: 0 auto;
  }
}

.el-cascader-panel{
  height: 400px!important;
}

.el-tooltip__popper {
  span {
    color: #F7F7F7;
  }
}

.el-pagination {
  &.is-background {
    text-align: center;
    margin: 30px auto;

    .btn-prev,
    .btn-next {
      height: 30px;
      min-width: 30px;
      line-height: 28px;
      border: 1px solid #ebebeb !important;
      background-color: #fff !important;
      padding: 0 10px !important;

      span {
        font-size: 14px !important;
        color: #ccc !important;
      }

      &:hover {
        background: $base-color !important;
        border-color: $base-color !important;

        span {
          color: #fff !important;
        }
      }
    }

    .el-pager {
      li {
        border: 1px solid #ebebeb !important;
        background-color: #fff !important;
        color: #ccc !important;
        padding: 0 10px !important;
        font-size: 14px !important;
        height: 30px;
        min-width: 30px;
        line-height: 28px;

        &.more::before {
          line-height: 28px;
        }

        &:hover,
        &.active {
          background: $base-color !important;
          color: #fff !important;
          border-color: $base-color !important;
        }
      }
    }
  }
}
